//放大镜
$(function () {
    // console.log($(".minImg").width())
    $(".gmbb_Img").on("mouseenter", function () {
        $(".osimg").fadeIn(200);
        $(".mirror").removeClass("hide");
    }).on("mousemove", function (e) {
        var scale = $(".bigImg").width()/$(".minImg").width();
        var $mx = e.pageX - $(".gmbb_Img").offset().left - $(".osimg").width() / 2;
        var $my = e.pageY - $(".gmbb_Img").offset().top - $(".osimg").height() / 2;
        if ($mx <= 0) {
            $mx = 0;
        }
        if ($my <= 0) {
            $my = 0;
        }
        if ($mx >= $(".gmbb_Img").width() - $(".osimg").width()) {
            $mx = $(".gmbb_Img").width() - $(".osimg").width()
        }
        if ($my >= $(".gmbb_Img").height() - $(".osimg").height()) {
            $my = $(".gmbb_Img").height() - $(".osimg").height()
        }
        $(".bigImg").css({
            left: $mx * scale * -1,
            top: $my * scale * -1
        })
        $(".osimg").css({
            left: $mx,
            top: $my
        })
    }).on("mouseleave", function () {
        $(".osimg").fadeOut(200);
        $(".mirror").addClass("hide");
    })
    // 
    // 
    // 
    // 点击小图切换大图的地址

    // 
    // 
    // 
    // 购物车加减
    $i = 1;
    $(".lim-buynum").on("click", function () {
        $i--;
        if ($i < 1) {
            $i = 1;
        }
        $("#cart_buynum").val($i);
    })
    $(".add-buynum").on("click", function () {
        $i++;
        $("#cart_buynum").val($i);
    })
    // 
    // 
    // 
    // 规格
    $(".createBox").on("click", ".norms-a", function () {
        $(this).addClass("guige").siblings().removeClass("guige");
        $(this).find(".goods-select").removeClass("hide");
        $(this).siblings().find(".goods-select").addClass("hide");
    })
    // 
    // 
    // 
    // 地址
    $(".goods-place-div").on("mouseenter", function () {
        $(".place-hide").removeClass("hide");
    })
    $(".goods-place-div").on("mouseleave", function () {
        $(".place-hide").addClass("hide");
    })

    //省份
    $(".title-province").on("click", function () {
        $(".place-province").removeClass("hide").siblings().addClass("hide");
        $(this).addClass("current").siblings().removeClass("current");
    })
    // 获取点击的类名
    var $city_str;
    $(".place-province a").on("click", function () {
        $(".place-province a").removeClass("city-conbox_current");
        var $city_str = $(this)[0].className;
        $(`#${$city_str}`).removeClass("hide").siblings().addClass("hide");
        $(this).addClass("city-conbox_current");
        $(".title-province")[0].innerHTML = $(this)[0].innerText;
        $(".title-city").addClass("current").siblings().removeClass("current");

    })
    // 城市
    $(".title-city").on("click", function () {
        $(`#${$city_str}`).removeClass("hide").siblings().addClass("hide");
        $(this).addClass("current").siblings().removeClass("current");
    })
    $(".place-city a").on("click", function () {
        $(".place-city a").removeClass("city-conbox_current");
        var $city_str = $(this)[0].className;
        console.log($city_str)
        $(`#${$city_str}`).siblings().addClass("hide").end().removeClass("hide").removeClass("hide");
        $(this).addClass("city-conbox_current");
        $(".title-city")[0].innerHTML = $(this)[0].innerText;
        $(".title-area").addClass("current").siblings().removeClass("current");
    })
    // 区域
    $(".title-area").on("click", function () {
        $(".place-area").removeClass("hide").siblings().addClass("hide");
        $(this).addClass("current").siblings().removeClass("current");
    })
    $(".place-area a").on("click", function () {
        $(".place-area a").removeClass("city-conbox_current");
        $(this).addClass("city-conbox_current");
        $(".title-area")[0].innerHTML = $(this)[0].innerText;
        $(".place-str")[0].innerHTML = $(".title-province")[0].innerText + " " + $(".title-city")[0].innerText + " " + $(this)[0].innerText;
        $(".place-hide").addClass("hide");
    })









})